<template>
  <div class="app-body">
    <xchange-component></xchange-component>
    <p class="exchange-rate">1hkd=0.862cny (此汇率仅供参考)</p>
    <cantact-component></cantact-component>
    <why-choose-component></why-choose-component>
  </div>
</template>

<script>
import XchangeComponent from '@/components/XchangeComponent.vue'
import CantactComponent from '@/components/CantactComponent.vue'
import WhyChooseComponent from '@/components/WhyChooseComponent.vue'
export default {
  components: {
    XchangeComponent,
    CantactComponent,
    WhyChooseComponent
  },
}
</script>

<style lang="scss" scoped>
.app-body {
  flex-grow: 1;
  background: #f0f0f0;
  display: flex;
  flex-direction: column;
  padding: 20px;
  .exchange-rate {
    font-size: 12px;
    font-family: Source Han Sans CN;
    color: #666666;
    margin-top: 20px;
    align-self: flex-end;
  }
}
</style>
